<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" %>
<html>
<head>
    <jsp:include page="/static/common/common.jsp"/>
    <!--department js代码-->
    <script src="/static/js/role.js"></script>
    <title>角色管理</title>
</head>
<body>
<%--数据表格--%>
<table id="role_datagrid">
</table>

<%--role_toolbar工具框--%>
<div id="role_toolbar">
    <a class="easyui-linkbutton" iconCls="icon-add" plain="true"
       data-cmd="add">新增</a>
    <a class="easyui-linkbutton" iconCls="icon-edit" plain="true"
       data-cmd="edit">编辑</a>
    <a id="state_btn" class="easyui-linkbutton" iconCls="icon-remove" plain="true"
       data-cmd="remove">删除</a>
</div>

<%--弹出框--%>
<div id="role_dialog" align="center">
    <form id="role_form" method="post">
        <input type="hidden" name="id" id="roleId">
        <table align="center" style="margin-top: 15px">
            <tbody>
            <tr>
                <td>角色编码:<input name="sn" class="easyui-textbox"
                           prompt="请输入角色编码"
                           invalidMessage="角色编号已存在"
                           validType="remote['/role/validateSn.do?id='+roleId.value,'sn']">
                </td>
                <td>角色名称:<input name="name" class="easyui-textbox"
                           prompt="请输入角色名称">
                </td>
            </tr>
            <tr>
                <td>菜&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;单:<input id="menu_combotree" class="easyui-combotree"
                           data-options="cascadeCheck: false, multiple:true, panelHeight:'auto', valueField:'id',textField:'text',
                           url:'/menu/selectRootMenu.do'"></td>
            </tr>
            <tr>
                <td><table id="allPermission"></table></td>
                <td><table id="selfPermission"></table></td>
            </tr>
            </tbody>
        </table>
    </form>
</div>
</body>
</html>
